<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Cobrar Crédito</title>
    </h:head> 

    <ui:composition template="./../../resources/template/facesTemplate.xhtml">

        <ui:define name="content">
            <h:body>
                <h:form id="frm">
                    <div>
                        <fieldset>
                            <h3><h:outputText value="#{loginBean.ubicacion}"/></h3>
                            <h:panelGroup id="panelCredito">
                                <div class="botonera">
                                    <h:commandButton type="submit" styleClass="submit" value="Actualizar" action="#{pagoBean.obtenerCreditosPendientes()}"/>
                                </div>
                                <h:panelGroup rendered="#{not empty pagoBean.creditos}">
                                    <div class="centrado" style=" height: 200px; overflow: scroll;">
                                        <hr/>
                                        <h3>Seleccione un Crédito</h3>
                                        <h3><h:outputText value="Total de registros: #{pagoBean.creditos.size()}"/></h3>
                                        <table class="tablaDatos">
                                            <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>Nº</th>
                                                    <th>Venta</th>
                                                    <th>Fecha Inicio</th>
                                                    <th>Fecha Fin</th>
                                                    <th>Crédito Total</th>
                                                    <th>Total Pagado</th>
                                                    <th>Último Pago el</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <ui:repeat value="#{pagoBean.creditos}" var="row">
                                                    <tr>
                                                        <td>
                                                            <h:commandLink value="Seleccionar" action="#{pagoBean.seleccionarCreditoYObtenerLasListas()}">
                                                                <f:setPropertyActionListener target="#{pagoBean.creditoSeleccionado}" value="#{row.id}"/>
                                                            </h:commandLink>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.id}"/>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.transaccion.id}"/>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.fechaInicio}">
                                                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.fechaFin}">
                                                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.creditoTotal}">
                                                                <f:convertNumber pattern="#{pagoBean.monedaPattern}"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.totalAmortizadoPagado+row.totalInteresesPagado}">
                                                                <f:convertNumber pattern="#{pagoBean.monedaPattern}"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.fechaUltimoPago}">
                                                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                                                            </h:outputText>
                                                        </td>
                                                    </tr>
                                                </ui:repeat>
                                            </tbody>
                                        </table>
                                        <hr/>
                                    </div>
                                </h:panelGroup>
                                <h:panelGroup rendered="#{pagoBean.creditoConsolidado.id ne null}">
                                    <div class="resumen">
                                        <table>
                                            <thead><h3>Datos del Cliente</h3></thead>
                                            <tr>
                                                <th>Documento</th><td><h:outputText value="#{pagoBean.creditoConsolidado.transaccion.comprador.documento}"/></td>
                                            </tr>
                                            <tr>
                                                <th>Nombre</th><td><h:outputText value="#{pagoBean.creditoConsolidado.transaccion.comprador.nombre}"/></td>
                                            </tr>
                                            <tr>
                                                <th>Dirección 1</th><td><h:outputText value="#{pagoBean.creditoConsolidado.transaccion.comprador.direccion1}"/></td>
                                            </tr>
                                            <tr>
                                                <th>Dirección 2</th><td><h:outputText value="#{pagoBean.creditoConsolidado.transaccion.comprador.direccion2}"/></td>
                                            </tr>
                                            <tr>
                                                <th>Teléfono Fijo</th><td><h:outputText value="#{pagoBean.creditoConsolidado.transaccion.comprador.telefonoFijo}"/></td>
                                            </tr>
                                            <tr>
                                                <th>Teléfono Móvil</th><td><h:outputText value="#{pagoBean.creditoConsolidado.transaccion.comprador.telefonoMovil}"/></td>
                                            </tr>
                                        </table>
                                        <table>
                                            <thead><h3>Datos del Crédito</h3></thead>
                                            <tr>
                                                <th>Nº</th><td><h:outputText value="#{pagoBean.creditoConsolidado.id}"/></td>
                                                <th>Capital</th><td><h:outputText value="#{pagoBean.creditoConsolidado.capital}">
                                                        <f:convertNumber pattern="#{ventaMotosBean.monedaPattern}"/>
                                                    </h:outputText></td>
                                                <th>Amortización</th><td><h:outputText value="#{pagoBean.creditoConsolidado.amortizacion}"/></td>
                                            </tr>
                                            <tr>
                                                <th>Capital</th><td><h:outputText value="#{pagoBean.creditoConsolidado.capital}">
                                                        <f:convertNumber pattern="#{ventaMotosBean.monedaPattern}"/>
                                                    </h:outputText></td>
                                                <th>Crédito Total</th><td><h:outputText value="#{pagoBean.creditoConsolidado.creditoTotal}">
                                                        <f:convertNumber pattern="#{ventaMotosBean.monedaPattern}"/>
                                                    </h:outputText>
                                                </td>
                                                <th>Tasa Moratoria</th><td><h:outputText value="#{pagoBean.creditoConsolidado.interesMoratorioString}"/></td>
                                            </tr>
                                            <tr>
                                                <th>Fecha Inicio</th><td><h:outputText value="#{pagoBean.creditoConsolidado.fechaInicio}">
                                                        <f:convertDateTime pattern="#{ventaMotosBean.fechaCortaPattern}"/>
                                                    </h:outputText></td>
                                                <th>Fecha Fin</th><td><h:outputText value="#{pagoBean.creditoConsolidado.fechaFin}">
                                                        <f:convertDateTime pattern="#{ventaMotosBean.fechaCortaPattern}"/>
                                                    </h:outputText></td>
                                                <th>Ultimo Pago el</th><td><h:outputText value="#{pagoBean.creditoConsolidado.fechaUltimoPago}">
                                                        <f:convertDateTime pattern="#{ventaMotosBean.fechaCortaPattern}"/>
                                                    </h:outputText></td>
                                            </tr>
                                            <h:panelGroup rendered="#{pagoBean.creditoConsolidado.garante ne null}">
                                                <tr><th colspan="6">Datos del Garante</th></tr>
                                                <tr>
                                                    <td colspan="6" style="padding:0px;">
                                                        <table style="margin: 0px; border: none;">
                                                            <tr>
                                                                <th>Documento</th><td><h:outputText value="#{pagoBean.creditoConsolidado.garante.documento}"/></td>
                                                            </tr>
                                                            <tr>
                                                                <th>Nombre</th><td><h:outputText value="#{pagoBean.creditoConsolidado.garante.nombre}"/></td>
                                                            </tr>
                                                            <tr>
                                                                <th>Dirección 1</th><td><h:outputText value="#{pagoBean.creditoConsolidado.garante.direccion1}"/></td>
                                                            </tr>
                                                            <tr>
                                                                <th>Dirección 2</th><td><h:outputText value="#{pagoBean.creditoConsolidado.garante.direccion2}"/></td>
                                                            </tr>
                                                            <tr>
                                                                <th>Teléfono Fijo</th><td><h:outputText value="#{pagoBean.creditoConsolidado.garante.telefonoFijo}"/></td>
                                                            </tr>
                                                            <tr>
                                                                <th>Teléfono Móvil</th><td><h:outputText value="#{pagoBean.creditoConsolidado.garante.telefonoMovil}"/></td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </h:panelGroup>
                                        </table>
                                    </div>
                                </h:panelGroup>
                                <h:panelGroup id="panelDetalle">
                                    <h:panelGroup rendered="#{not empty pagoBean.listaFinanciacion}">
                                        <div class="dosTablas">
                                            <div class="tablaCompartida resumen izquierda">
                                                <table>
                                                    <thead>
                                                        <h3>Financiación</h3>
                                                    </thead>
                                                    <tr>
                                                        <th width="3px">Nº</th>
                                                        <th width="5px">Vencimiento</th>
                                                        <th width="5px">Monto</th>
                                                        <th width="5px">Pagado el</th>
                                                        <th width="3px">Pago</th>
                                                    </tr>
                                                    <tbody>
                                                        <ui:repeat value="#{pagoBean.listaFinanciacion}" var="f">
                                                            <tr class="#{f.cancelado eq 'S'?'verde':'rojo'}">
                                                                <td><h:outputText value="#{f.numeroCuota}"/></td>
                                                                <td><h:outputText value="#{f.fechaVencimiento}">
                                                                        <f:convertDateTime pattern="#{pagoBean.fechaCortaPattern}"/>
                                                                    </h:outputText>
                                                                </td>
                                                                <td><h:outputText value="#{f.totalAPagar}">
                                                                        <f:convertNumber pattern="#{pagoBean.monedaPattern}"/>
                                                                    </h:outputText></td>
                                                                <td><h:outputText value="#{f.fechaPago}">
                                                                        <f:convertDateTime pattern="#{pagoBean.fechaCortaPattern}"/>
                                                                    </h:outputText>
                                                                </td>
                                                                <td> 
                                                                    <h:panelGroup rendered="#{f.cancelado ne 'S'}">
                                                                        <h:inputText value="#{f.pagoAsignado}" size="5"/>
                                                                    </h:panelGroup>
                                                                </td>
                                                            </tr>
                                                        </ui:repeat>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="tablaCompartida resumen derecha" style="clear: none;">
                                                <table>
                                                    <thead>
                                                        <h3>Detalle del Pago</h3>
                                                        <tr>
                                                            <th>Id</th>
                                                            <th>Recibo</th>
                                                            <th>Fecha</th>
                                                            <th>Importe</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <ui:repeat value="#{pagoBean.listaPagos}" var="pagos">
                                                            <tr>
                                                                <td><b><h:outputText value="#{pagos.id}"/></b></td>
                                                                <td>
                                                                    <b><h:outputText value="#{pagos.numeroDocumento}"/></b>
                                                                </td>
                                                                <td>
                                                                    <b><h:outputText value="#{pagos.fecha}">
                                                                            <f:convertDateTime pattern="#{pagoBean.fechaCortaPattern}"/>
                                                                        </h:outputText></b>
                                                                </td>
                                                                <td align="right">
                                                                    <b> <h:outputText value="#{pagos.totalPagado}">
                                                                            <f:convertNumber pattern="#{pagoBean.monedaPattern}"/>
                                                                        </h:outputText></b>
                                                                </td>
                                                            </tr>
                                                            <ui:repeat value="#{pagos.detalle}" var="d">
                                                                <tr>
                                                                    <td>&nbsp;</td>
                                                                    <td colspan="2"><h:outputText value="#{d.concepto}"/></td>
                                                                    <td align="right">
                                                                        <h:outputText value="#{d.importe}">
                                                                            <f:convertNumber pattern="#{pagoBean.monedaPattern}"/>
                                                                        </h:outputText>
                                                                    </td>
                                                                </tr>
                                                            </ui:repeat>
                                                        </ui:repeat>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="botonera">
                                            <h:commandButton type="submit" styleClass="submit" value="Consolidar" action="#{pagoBean.consolidar()}"/>
                                            <h:commandButton type="submit" styleClass="submit" value="Cancelar" action="main" immediate="true"/>
                                        </div>
                                    </h:panelGroup>
                                </h:panelGroup>
                            </h:panelGroup>
                        </fieldset>
                    </div>        
                </h:form>
            </h:body>
        </ui:define>
    </ui:composition>
</html>
